<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<!--
 双向数据绑定 form表单元素 form里面
 input(text  password  radio  checkbox  button  reset  submit  file  date)
 select textarea
    单项数据绑定<input type="text" :value="msg">
第三个指令:v-model:双向数据绑定一般情况下用form  <input type="text" v-model="msg">

-->
<div id="app">
<!--    <input type="text" ::value="msg">-->
    <input type="text" v-model="msg">
    <p>我爱你{{msg}}</p>
</div>
<script src="js/vue.js"></script>
<script>
    const vm=new Vue({
        // el:'#app',//一般情况下挂载都是书写配置项
        //data 可以是对象也可以是函数
        data(){
            return{
                msg:'赵丽颖'
            };
        }
    }).$mount('#app');
</script>
</body>
</html>